{extend name="default/base" /}
{block name="title"}入驻人联系方式 - 商家入驻 - {:WSTConf('CONF.mallName')}{__block__}{/block}
{block name="main"}
<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/webuploader.css?v={$v}" />
<link href="__STATIC__/plugins/validator/jquery.validator.css?v={$v}" rel="stylesheet">
<link href="__STYLE__/css/shopapply.css?v={$v}" rel="stylesheet">
<div class="wst-container">
	<div id="stepflex" class="stepflex">
       <dl class="first doing">
          <dt class="s-num">1</dt>
          <dd class="s-text">签订入驻协议</dd>
          <dd></dd>
       </dl>
       <dl class="normal doing">
          <dt class="s-num">2</dt>
          <dd class="s-text">入驻人联系方式</dd>
          <dd></dd>
       </dl>
       <dl class="normal doing">
          <dt class="s-num">3</dt>
          <dd class="s-text">公司信息</dd>
       </dl>
       <dl class="normal">
          <dt class="s-num1">4</dt>
          <dd class="s-text1">税务及银行信息</dd>
       </dl>
       <dl class="normal">
          <dt class="s-num1">5</dt>
          <dd class="s-text1">店铺信息</dd>
       </dl>
       <dl class="last">
          <dt class="s-num1">6</dt>
          <dd class="s-text1">入驻审核</dd>
       </dl>
    </div>
    <div class='wst-clear'></div>
    <div class='main-head'>公司信息</div>
    <div class='apply-box'>
      <form id='applyFrom' autocomplete='off'>
      <table class='agreement-table'>
        <tr>
          <td colspan='2' class='head-ititle'>公司信息</td>
        </tr>
        <tr>
          <th>执照类型<font color='red'>*</font>：</th>
          <td>
          <select id='businessLicenceType' class='a-ipt'>
             {volist name=":WSTDatas('LICENSE_TYPE')" id='vo'}
             <option value='{$vo["dataVal"]}' {if $apply['businessLicenceType']==$vo["dataVal"]}selected{/if}>{$vo["dataName"]}</option>
             {/volist}
          </select>
          </td>
        </tr>
        <tr>
          <th valign="top">营业执照注册号<font color='red'>*</font>：</th>
          <td><input type='text' id='businessLicence' class='a-ipt' data-rule='营业执照注册号:required;' value="{$apply['businessLicence']}"/><br/><span class='tip'>请按照营业执照上登记的完整名称填写</span></td>
        </tr>
        <tr>
          <th valign="top">法定代表人姓名<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='legalPersonName' class='a-ipt' data-rule='法定代表人姓名:required;' value="{$apply['legalPersonName']}"/>
          <br/><span class='tip'>请按照营业执照上登记的法人填写</span>
          </td>
        </tr>
        <tr>
          <th>营业执照所在地<font color='red'>*</font>：</th>
          <td>
            <select id="area_0" class='j-areas' level="0" onchange="WST.ITAreas({id:'area_0',val:this.value,isRequire:true,className:'j-areas'});">
            <option value="">-请选择-</option>
            {foreach $areaList as $v}
              <option value="{$v['areaId']}">{$v['areaName']}</option>
            {/foreach}
          </select>
          </td>
        </tr>
        <tr>
          <th>营业执照详细地址<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='licenseAddress' class='a-ipt' style='width:550px' data-rule='营业执照详细地址:required;' value="{$apply['licenseAddress']}"/>
          </td>
        </tr>
        <tr>
          <th>成立日期<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='establishmentDate' readonly class='a-ipt laydate-icon' onclick="laydate()" data-rule='成立日期:required;' data-timely="2" value="{$apply['establishmentDate']}"/>
          </td>
        </tr>
        <tr>
          <th>营业期限<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='businessStartDate' readonly class='a-ipt laydate-icon' onclick="laydate()" data-rule="营业期限开始日期: required;" data-timely="2" data-target="#msg_businessStartDate" value="{$apply['businessStartDate']}"/> - <input type='text' id='businessEndDate' readonly class='a-ipt laydate-icon' onclick="laydate()" value="{$apply['businessEndDate']}" {if $apply['isLongbusinessDate']==1}style='display:none'{/if}/>&nbsp;&nbsp;&nbsp;<label><input type='checkbox' name='isLongbusinessDate' id='isLongbusinessDate' class='a-ipt' onclick='WST.showHide(this.checked?0:1,"#businessEndDate")' {if $apply['isLongbusinessDate']==1}checked{/if} value='1'/>长期</label>
          <span class='msg-box' id='msg_businessStartDate'></span>
          </td>
        </tr>
        <tr>
          <th>注册资本（万元）<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='registeredCapital' class='a-ipt' data-rule='注册资本:required;' value="{$apply['registeredCapital']}" onkeyup="javascript:WST.isChinese(this,1)" onkeypress="return WST.isNumberKey(event)"/>
          </td>
        </tr>
        <tr>
          <th>经营范围<font color='red'>*</font>：</th>
          <td>
             <textarea id='empiricalRange' class='a-ipt' style='width:550px;height:150px;' data-rule='经营范围:required;'>{$apply['empiricalRange']}</textarea>
          </td>
        </tr>
        <tr>
          <th>公司名称<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='shopCompany' class='a-ipt' data-rule='公司名称:required;' value="{$apply['shopCompany']}" style='width:400px'/>
          </td>
        </tr>
         <tr>
      <th>公司所在地<font color='red'>*</font>：</th>
      <td>
        <select id="carea_0" class='j-careas' level="0" onchange="WST.ITAreas({id:'carea_0',val:this.value,isRequire:true,className:'j-careas'});">
            <option value="">-请选择-</option>
            {foreach $areaList as $v}
              <option value="{$v['areaId']}">{$v['areaName']}</option>
            {/foreach}
          </select>
         {if(WSTConf('CONF.mapKey'))} <button type='button' class='btn btn-primary' onclick='javascript:mapCity()' style="top: 8px;height: 28px;line-height: 28px;font-size: 14px;font-weight: 400;"><i class='fa fa-map-marker'></i>地图定位</button>{/if}
      </td>
      </tr>
      {if(WSTConf('CONF.mapKey'))}
      <tr>
        <th>&nbsp;</th>
        <td>
           <div id="container" style='width:700px;height:400px'></div> 
        </td>
      </tr>
      {/if}
      <tr>
          <th>公司详细地址<font color='red'>*</font>：</th>
          <td>
              <input type='hidden' id='mapLevel' class='a-ipt'  value="{$apply['mapLevel']}"/>
              <input type='hidden' id='longitude' class='a-ipt'  value="{$apply['longitude']}"/>
              <input type='hidden' id='latitude' class='a-ipt'  value="{$apply['latitude']}"/>
              <input type='text' id='shopAddress' class='a-ipt' style='width:550px' data-rule='公司详细地址:required;' value="{$apply['shopAddress']}"/>
              </td>
      </tr>
        <tr>
          <th>公司电话<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='shopTel' class='a-ipt' data-rule='公司电话:required;' value="{$apply['shopTel']}"/>
          </td>
        </tr>
        <tr>
          <th>公司紧急联系人<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='shopkeeper' class='a-ipt' data-rule='公司紧急联系人:required;' value="{$apply['shopkeeper']}"/>
          </td>
        </tr>
        <tr>
          <th>公司紧急联系人手机<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='telephone' class='a-ipt' data-rule='公司紧急联系人手机:required;mobile' value="{$apply['telephone']}"/>
          </td>
        </tr>
        <tr>
          <th>法人代表证件类型<font color='red'>*</font>：</th>
          <td>
          <select id='legalCertificateType' class='a-ipt'>
             {volist name=":WSTDatas('LEGAL_LICENSE')" id='vo'}
             <option value='{$vo["dataVal"]}' {if $apply['legalCertificateType']==$vo['dataVal']}{/if}>{$vo["dataName"]}</option>
             {/volist}
          </select>
          </td>
        </tr>
        <tr>
          <th>法定代表人证件号<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='legalCertificate' class='a-ipt' data-rule='法定代表人证件号:required;' value="{$apply['legalCertificate']}"/>
          </td>
        </tr>
        <tr>
          <th>有效期<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='legalCertificateStartDate' readonly class='a-ipt laydate-icon' onclick="laydate()" value="{$apply['legalCertificateStartDate']}"/> - <input type='text' id='legalCertificateEndDate' readonly value="{$apply['legalCertificateEndDate']}" class='a-ipt laydate-icon' onclick="laydate()" {if $apply['isLonglegalCertificateDate']==1}style='display:none'{/if}/>&nbsp;&nbsp;&nbsp;<label><input type='checkbox' name='isLonglegalCertificateDate' id='isLonglegalCertificateDate' class='a-ipt' onclick='WST.showHide(this.checked?0:1,"#legalCertificateEndDate")' {if $apply['isLonglegalCertificateDate']==1}checked{/if} value='1'/>长期</label>
          <span class='msg-box' id='msg_legalCertificateStartDate'></span>
          </td>
        </tr>
        <tr>
          <th>法人证件电子版<font color='red'>*</font>：</th>
          <td>
          <input type='hidden' id='legalCertificateImg' class='a-ipt' data-rule="法人证件电子版: required;" data-target="#msg_legalCertificateImg" value='{$apply['legalCertificateImg']}'/>
          <div id='legalCertificateImgPicker'>请上传法人证件电子版</div>
          <span id='legalCertificateImgMsg'></span>
          <img id='legalCertificateImgPreview' src='__RESOURCE_PATH__/{$apply['legalCertificateImg']}' {if $apply['legalCertificateImg'] ==''}style='display:none'{/if} width='150'>
          <span class='msg-box' id='msg_legalCertificateImg'></span>
          </td>
        </tr>
        <tr>
          <th>营业执照电子版<font color='red'>*</font>：</th>
          <td>
          <input type='hidden' id='businessLicenceImg' class='a-ipt' data-rule="营业执照电子版: required;" data-target="#msg_businessLicenceImg" value='{$apply['businessLicenceImg']}'/>
          <div id='businessLicenceImgPicker'>请上传营业执照电子版</div>
          <span id='businessLicenceImgMsg'></span>
          <img id='businessLicenceImgPreview' src='__RESOURCE_PATH__/{$apply['businessLicenceImg']}' {if $apply['businessLicenceImg'] ==''}style='display:none'{/if} width='150'>
          <span class='msg-box' id='msg_businessLicenceImg'></span>
          </td>
        </tr>
        <tr>
          <th>银行开户许可证电子版<font color='red'>*</font>：</th>
          <td>
          <input type='hidden' id='bankAccountPermitImg' class='a-ipt' data-rule="银行开户许可证电子版: required;" data-target="#msg_bankAccountPermitImg" value='{$apply['bankAccountPermitImg']}'/>
          <div id='bankAccountPermitImgPicker'>请上传银行开户许可证电子版</div>
          <span id='bankAccountPermitImgMsg'></span>
          <img id='bankAccountPermitImgPreview' src='__RESOURCE_PATH__/{$apply['bankAccountPermitImg']}' {if $apply['bankAccountPermitImg'] ==''}style='display:none'{/if} width='150'>
          <span class='msg-box' id='msg_bankAccountPermitImg'></span>
          </td>
        </tr>
        <tr>
          <td colspan='2' class='head-ititle'>组织机构代码证</td>
        </tr>
        <tr>
          <th>组织机构代码<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='organizationCode' class='a-ipt' data-rule='组织机构代码:required;' value="{$apply['organizationCode']}"/>
          </td>
        </tr>
        <tr>
          <th>组织机构代码证有效期<font color='red'>*</font>：</th>
          <td>
          <input type='text' id='organizationCodeStartDate' readonly class='a-ipt laydate-icon' onclick="laydate()" value="{$apply['organizationCodeStartDate']}" data-rule="组织机构代码证有效期开始日期: required;" data-timely="2" data-target="#msg_organizationCodeStartDate"/> - <input type='text' id='organizationCodeEndDate' readonly value="{$apply['organizationCodeEndDate']}" class='a-ipt laydate-icon' onclick="laydate()"  {if $apply['isLongOrganizationCodeDate']==1}style='display:none'{/if}/>&nbsp;&nbsp;&nbsp;<label><input type='checkbox' name='isLongOrganizationCodeDate' id='isLongOrganizationCodeDate' class='a-ipt' onclick='WST.showHide(this.checked?0:1,"#isLongOrganizationCodeDate")' {if $apply['isLongOrganizationCodeDate']==1}checked{/if} value='1'/>长期</label>
          <span class='msg-box' id='msg_organizationCodeStartDate'></span>
          </td>
        </tr>
        <tr>
          <th valign="top">组织机构代码证电子版<font color='red'>*</font>：</th>
          <td>
          <span class='tip'>复印件需加盖公司红章扫描上传，三证合一的此处请上传营业执照电子版</span><br/>
          <input type='hidden' id='organizationCodeImg' class='a-ipt' data-rule="组织机构代码证电子版: required;" data-target="#msg_organizationCodeImg" value='{$apply['organizationCodeImg']}'/>
          <div id='organizationCodeImgPicker'>请上传组织机构代码证电子版</div>
          <span id='organizationCodeImgMsg'></span>
          <img id='organizationCodeImgPreview' src='__RESOURCE_PATH__/{$apply['organizationCodeImg']}' {if $apply['organizationCodeImg'] ==''}style='display:none'{/if} width='150'>
          <span class='msg-box' id='msg_organizationCodeImg'></span>
          </td>
        </tr>
      </table>
      </form>
    </div>
     <div class='agreement-bottom'>
        <a href='{:Url("home/shops/joinStep2")}' class='btn-cancel'>上一步</a>
        <a href='javascript:saveStep3()' class='btn-submit' style='width:250px;margin-left:10px;'>下一步，完善税务及银行信息</a>
        <div class='wst-clear'></div>
     </div>
</div>
{/block}
{block name="js"}
<script charset="utf-8" src="{:WSTProtocol()}map.qq.com/api/js?v=2.exp&key={:WSTConf('CONF.mapKey')}"></script>
<script type='text/javascript' src='__STATIC__/plugins/webuploader/webuploader.js?v={$v}'></script>
<script type="text/javascript" src="__STATIC__/plugins/validator/jquery.validator.min.js?v={$v}"></script>
<script type='text/javascript' src='__STYLE__/js/apply.js?v={$v}'></script>
<script>$(function(){initStep2('{$apply["businessAreaPath"]}','{$apply["areaIdPath"]}','{$apply["longitude"]}','{$apply["latitude"]}','{$apply["mapLevel"]}');})</script>
<script src="__STATIC__/plugins/layer/laydate.js"></script>
{/block}